<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQueryDom</title>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/myJQuery.js"></script>
    <script>
			$(document).ready(function () {
				$('#btn1').click(function () {
					alert('input.text: ' + $('#it').val())
				});

				$('#btn2').click(function () {
					alert('at: ' + $('#aid').attr('href'))

				})

				$('#btn3').click(function () {
					$('#p1').text("hello jquery")
				})

				$('#btn4').click(function () {
					$('#aid').attr({
						href: 'http://hao123.com',
						title: 'hao123.com'
					})

					$('#aid').text('hao123.com')
				})

				$('#btn5').click(function () {
//                $('#p5').remove()
					$('#p5').empty()

				})

				$('#btn6').click(function () {
					$('#div6').remove()
//								$('#div6').empty()
				})

				$('#btn7').click(function () {
//					$('#div7').css({
//						width: '100px',
//						height: '100px',
//						'background-color': 'blue'
//				    })

					$('#div7').toggleClass('style7')
				})


				$.getScript('js/weixinAudio.js', function () {
					alert(';123')
				})


//              $.myJQ()

							$.noConflict()
//							$('#div7').myJQ()

jQuery('#div7').myJQ()


			})
    </script>

    <style>
        .style7 {
            width: 100px;
            height: 100px;
            background-color: #5cffe9;
        }
    </style>
</head>
<body>

<p id="text">this is my web page</p>
<button id="btn1">点击</button>
<p>
    <input type="text" id="it" value="xxxx">
</p>

<p>
    <a href="http://www.baidu.com" id="aid">123123</a>
</p>
<button id="btn2">点击</button>


<p id="p1">hello World</p>
<p>
    <button id="btn3">点击</button>
</p>
<p>
    <button id="btn4">点击</button>
</p>

<p>
<p id="p5">slslslslls</p>
<button id="btn5">移除</button>
</p>

<div id="div6" style="width: 100px; height: 100px; background-color: red">
    <p>wifhwehf</p>
    <p>wefjowejfpoj</p>
    <button id="btn6">点击</button>
</div>
<div id="div7">
    <button id="btn7">点击</button>
</div>

<div class="style7">

</div>

</body>
</html>